<template>
  <el-col :span="12">
    <el-menu
      default-active="2"
      class="el-menu-vertical-demo"
      :router="true"
      active-text-color="#1d8f8c"
      text-color="#a3a3a3"
    >
      <img src="../../../assets/images/大墨.png" alt="" class="damoimg" />
      <el-menu-item index="/home/kaoqin">
        <el-icon><Monitor /></el-icon>
        <span>工作台</span>
      </el-menu-item>
      <el-menu-item index="/home/kecheng">
        <el-icon><Calendar /></el-icon>
        <span>课程安排</span>
      </el-menu-item>
      <el-menu-item index="/home/jiaoxue">
        <el-icon><Postcard /></el-icon>
        <span>教学内容</span>
      </el-menu-item>
      <el-menu-item index="/home/xueyuan">
        <el-icon><User /></el-icon>
        <span>学员管理</span>
      </el-menu-item>
      <el-menu-item index="/home/wenjuan">
        <el-icon><Tickets /></el-icon>
        <span>问卷记录</span>
      </el-menu-item>
      <el-menu-item index="/home/fangtan">
        <el-icon><Microphone /></el-icon>
        <span>访谈记录</span>
      </el-menu-item>
      <el-menu-item index="/home/kucun">
        <el-icon><FolderChecked /></el-icon>
        <span>库存记录</span>
      </el-menu-item>
    </el-menu>
  </el-col>
</template>

<script lang="ts" setup>
import {
  Document,
  Menu as IconMenu,
  Location,
  Setting,
} from "@element-plus/icons-vue";
const handleOpen = (key: string, keyPath: string[]) => {
  console.log(key, keyPath);
};
const handleClose = (key: string, keyPath: string[]) => {
  console.log(key, keyPath);
};
</script>
<style>
.el-col-12 {
  max-width: 100%;
}
.damoimg {
  width: 100%;
}
.el-menu-item {
  height: 70px;
}
</style>
